﻿BODY
{
    font-family: Sans-Serif;
    font-size: 9px;
    padding:0px;
    margin:0px;
    overflow:auto;
}
INPUT
{
    font-size:inherit;
    font-family:inherit;
}

.PropertyGrid
{
    border-collapse: collapse;
}

.PropertyGrid TD
{
    border: solid 1px Gray;
    padding: 4px;
}

.PropertyGrid TH
{
    border: solid 1px Black;
    padding: 4px;
    text-align: left;
    width: 100px;
}
.StyleEditorPanel
{
    position: absolute; 
    background-color: #DDDDDD;
}

/*Color picker*/

#red, #green, #blue, #all
{
    width: 200px;
    margin: 5px;
}
#swatch
{
    width: 120px;
    height: 100px;
    background-image: none;
}
#all .ui-slider-range
{
    background: WhiteSmoke;
}
#all .ui-slider-handle
{
    border-color: #ef2929;
}
#red .ui-slider-range
{
    background: #ef2929;
}
#red .ui-slider-handle
{
    border-color: #ef2929;
}
#green .ui-slider-range
{
    background: #8ae234;
}
#green .ui-slider-handle
{
    border-color: #8ae234;
}
#blue .ui-slider-range
{
    background: #729fcf;
}
#blue .ui-slider-handle
{
    border-color: #729fcf;
}
#demo-frame > div.demo
{
    padding: 10px !important;
}
/************************/